<script>
export default {
  name: "index"
}
</script>
<!-- html代码-->
<template>
<!--只能有一个根标签-->
  <div>
    <h1>Hello Vue!</h1>
    <nav>
  <!--跳转方式1，超链接-->
  <router-link to="/Student">学生管理</router-link>
  <br>
  <router-link to="/course">课程管理</router-link>
  <br>
  <router-link to="/grade">成绩管理</router-link>
  <br>
  <router-link to="/teacher">教师管理</router-link>
  <br>
    </nav>
    <router-view/>
  </div>
 <!--<button @click="jumpToPage1">js跳转页面1</button>-->
</template>
<!--js代码-->
<!--<script>
export default {
  name:"Index",
  data(){    //定义数据
    return{
      message:'Hello Vue-cli!!!'
    }
  },
  methods:{
    jumpToPage1(){
      //跳转方式2，js代码跳转
      this.$route.push({path:'/page1'})
    }
  }
}
</script>-->
<!--css代码-->
<style scoped>

</style>